<template>
    <div class="contion">
        <div class="initiate">
            <img src="../img/1.png" style="width:400px">
            <span><b>欢迎来到</b></span>
            <span style="color:#E32"><b>鞋履趣集</b></span>
            
        </div>
    </div>
</template>

<script setup>
import {ref,onMounted} from "vue"
import {ElMessage} from 'element-plus'
import axios from 'axios'
import {useRouter} from 'vue-router'

const router = useRouter()

const countDown = ref(5);


onMounted(() => {
    const timer = setInterval(() => {
    countDown.value--;
    if (countDown.value === 0) {
        clearInterval(timer);
        router.push('/steer1');
    }
    }, 1000);
});

</script>

<style scoped>
.contion{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}


.initiate{
    width: 400px;
    display: flex;
    flex-direction: column;
    font-size: 35px;
    margin-top: 200px;
    text-align: center;
}
</style>